"use strict";
var __assign = (this && this.__assign) || function () {
    __assign = Object.assign || function(t) {
        for (var s, i = 1, n = arguments.length; i < n; i++) {
            s = arguments[i];
            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
                t[p] = s[p];
        }
        return t;
    };
    return __assign.apply(this, arguments);
};
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
        if (ar || !(i in from)) {
            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
            ar[i] = from[i];
        }
    }
    return to.concat(ar || Array.prototype.slice.call(from));
};
Object.defineProperty(exports, "__esModule", { value: true });
var vue_1 = require("vue");
var icons_vue_1 = require("@element-plus/icons-vue");
var element_plus_1 = require("element-plus");
var vue_router_1 = require("vue-router");
var router = (0, vue_router_1.useRouter)();
// 筛选与搜索数据
var selectedFilter = (0, vue_1.ref)('all');
var activeDate = (0, vue_1.ref)('week'); // 初始选中“本周”
var searchKeyword = (0, vue_1.ref)('');
// 表格数据
var attendanceList = (0, vue_1.ref)([
    {
        name: '李悦',
        date: '2014.11.11 09:39:51',
        type: '上班签到',
        store: '南京21世纪股份有限公司',
        isLate: '未迟到',
        remark: ''
    },
    {
        name: '李悦',
        date: '2014.11.11 18:39:51',
        type: '下班签退',
        store: '南京21世纪股份有限公司',
        isLate: '未早退',
        remark: ''
    },
    {
        name: '张梅',
        date: '2014.11.09 09:39:51',
        type: '上班签到',
        store: '南京21世纪股份有限公司',
        isLate: '未迟到',
        remark: ''
    },
    {
        name: '张梅',
        date: '2014.11.11 14:39:51',
        type: '下班签退',
        store: '南京21世纪股份有限公司',
        isLate: '早退',
        remark: '外出办公'
    }
]);
// 分页数据
var currentPage = (0, vue_1.ref)(1);
var pageSize = (0, vue_1.ref)(10);
var total = (0, vue_1.ref)(4);
var pageCount = (0, vue_1.ref)(4);
// 筛选切换
var handleFilterChange = function (val) {
    element_plus_1.ElMessage.info("\u7B5B\u9009\u6761\u4EF6\uFF1A".concat(val));
    // 实际项目中可根据筛选条件请求数据
};
// 日期标签切换
var handleDateChange = function (val) {
    element_plus_1.ElMessage.info("\u65E5\u671F\u8303\u56F4\uFF1A".concat(val));
    // 实际项目中可根据日期范围请求数据
};
// 搜索操作
var handleSearch = function () {
    element_plus_1.ElMessage.info("\u641C\u7D22\u5173\u952E\u8BCD\uFF1A".concat(searchKeyword.value));
    // 实际项目中可根据关键词请求数据
};
// 分页切换
var handlePageChange = function (val) {
    currentPage.value = val;
    element_plus_1.ElMessage.info("\u5F53\u524D\u9875\uFF1A".concat(val));
    // 实际项目中可请求对应页数据
};
// 每页条数切换
var handleSizeChange = function (val) {
    pageSize.value = val;
    element_plus_1.ElMessage.info("\u6BCF\u9875\u6761\u6570\uFF1A".concat(val));
    // 实际项目中可请求对应条数数据
};
// 选中行变化
var handleSelectionChange = function (val) {
    element_plus_1.ElMessage.info("\u9009\u4E2D ".concat(val.length, " \u6761\u8BB0\u5F55"));
};
// 返回操作
var handleReturn = function () {
    //   ElMessage.info('返回上一级页面');
    router.back();
};
debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
var __VLS_ctx = __assign(__assign({}, {}), {});
var __VLS_elements;
var __VLS_components;
var __VLS_directives;
/** @type {__VLS_StyleScopedClasses['page-header']} */ ;
/** @type {__VLS_StyleScopedClasses['date-tabs']} */ ;
__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)(__assign({ class: "attendance-record-page" }));
__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)(__assign({ class: "page-header" }));
__VLS_asFunctionalElement(__VLS_elements.h2, __VLS_elements.h2)({});
var __VLS_0 = {}.ElButton;
/** @type {[typeof __VLS_components.ElButton, typeof __VLS_components.elButton, typeof __VLS_components.ElButton, typeof __VLS_components.elButton, ]} */ ;
// @ts-ignore
ElButton;
// @ts-ignore
var __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0(__assign({ 'onClick': {} }, { type: "text" })));
var __VLS_2 = __VLS_1.apply(void 0, __spreadArray([__assign({ 'onClick': {} }, { type: "text" })], __VLS_functionalComponentArgsRest(__VLS_1), false));
var __VLS_4;
var __VLS_5;
var __VLS_6 = ({ click: {} },
    { onClick: (__VLS_ctx.handleReturn) });
var __VLS_7 = __VLS_3.slots.default;
// @ts-ignore
[handleReturn,];
var __VLS_3;
var __VLS_8 = {}.ElDivider;
/** @type {[typeof __VLS_components.ElDivider, typeof __VLS_components.elDivider, ]} */ ;
// @ts-ignore
ElDivider;
// @ts-ignore
var __VLS_9 = __VLS_asFunctionalComponent(__VLS_8, new __VLS_8({}));
var __VLS_10 = __VLS_9.apply(void 0, __spreadArray([{}], __VLS_functionalComponentArgsRest(__VLS_9), false));
__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)(__assign({ class: "filter-search-bar" }));
__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)(__assign({ class: "filter-box" }));
var __VLS_13 = {}.ElSelect;
/** @type {[typeof __VLS_components.ElSelect, typeof __VLS_components.elSelect, typeof __VLS_components.ElSelect, typeof __VLS_components.elSelect, ]} */ ;
// @ts-ignore
ElSelect;
// @ts-ignore
var __VLS_14 = __VLS_asFunctionalComponent(__VLS_13, new __VLS_13({
    modelValue: (__VLS_ctx.selectedFilter),
    placeholder: "请选择",
}));
var __VLS_15 = __VLS_14.apply(void 0, __spreadArray([{
        modelValue: (__VLS_ctx.selectedFilter),
        placeholder: "请选择",
    }], __VLS_functionalComponentArgsRest(__VLS_14), false));
var __VLS_17 = __VLS_16.slots.default;
// @ts-ignore
[selectedFilter,];
var __VLS_18 = {}.ElOption;
/** @type {[typeof __VLS_components.ElOption, typeof __VLS_components.elOption, ]} */ ;
// @ts-ignore
ElOption;
// @ts-ignore
var __VLS_19 = __VLS_asFunctionalComponent(__VLS_18, new __VLS_18({
    label: "全部员工",
    value: "all",
}));
var __VLS_20 = __VLS_19.apply(void 0, __spreadArray([{
        label: "全部员工",
        value: "all",
    }], __VLS_functionalComponentArgsRest(__VLS_19), false));
var __VLS_23 = {}.ElOption;
/** @type {[typeof __VLS_components.ElOption, typeof __VLS_components.elOption, ]} */ ;
// @ts-ignore
ElOption;
// @ts-ignore
var __VLS_24 = __VLS_asFunctionalComponent(__VLS_23, new __VLS_23({
    label: "李悦",
    value: "liyue",
}));
var __VLS_25 = __VLS_24.apply(void 0, __spreadArray([{
        label: "李悦",
        value: "liyue",
    }], __VLS_functionalComponentArgsRest(__VLS_24), false));
var __VLS_28 = {}.ElOption;
/** @type {[typeof __VLS_components.ElOption, typeof __VLS_components.elOption, ]} */ ;
// @ts-ignore
ElOption;
// @ts-ignore
var __VLS_29 = __VLS_asFunctionalComponent(__VLS_28, new __VLS_28({
    label: "张梅",
    value: "zhangmei",
}));
var __VLS_30 = __VLS_29.apply(void 0, __spreadArray([{
        label: "张梅",
        value: "zhangmei",
    }], __VLS_functionalComponentArgsRest(__VLS_29), false));
var __VLS_16;
__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)(__assign({ class: "date-tabs" }));
var __VLS_33 = {}.ElButton;
/** @type {[typeof __VLS_components.ElButton, typeof __VLS_components.elButton, typeof __VLS_components.ElButton, typeof __VLS_components.elButton, ]} */ ;
// @ts-ignore
ElButton;
// @ts-ignore
var __VLS_34 = __VLS_asFunctionalComponent(__VLS_33, new __VLS_33(__assign({ 'onClick': {} }, { type: "primary", disabled: (__VLS_ctx.activeDate === 'today') })));
var __VLS_35 = __VLS_34.apply(void 0, __spreadArray([__assign({ 'onClick': {} }, { type: "primary", disabled: (__VLS_ctx.activeDate === 'today') })], __VLS_functionalComponentArgsRest(__VLS_34), false));
var __VLS_37;
var __VLS_38;
var __VLS_39 = ({ click: {} },
    { onClick: function () {
            var _a = [];
            for (var _i = 0; _i < arguments.length; _i++) {
                _a[_i] = arguments[_i];
            }
            var $event = _a[0];
            __VLS_ctx.activeDate = 'today';
            // @ts-ignore
            [activeDate, activeDate,];
        } });
var __VLS_40 = __VLS_36.slots.default;
var __VLS_36;
var __VLS_41 = {}.ElButton;
/** @type {[typeof __VLS_components.ElButton, typeof __VLS_components.elButton, typeof __VLS_components.ElButton, typeof __VLS_components.elButton, ]} */ ;
// @ts-ignore
ElButton;
// @ts-ignore
var __VLS_42 = __VLS_asFunctionalComponent(__VLS_41, new __VLS_41(__assign({ 'onClick': {} }, { type: "primary", disabled: (__VLS_ctx.activeDate === 'week') })));
var __VLS_43 = __VLS_42.apply(void 0, __spreadArray([__assign({ 'onClick': {} }, { type: "primary", disabled: (__VLS_ctx.activeDate === 'week') })], __VLS_functionalComponentArgsRest(__VLS_42), false));
var __VLS_45;
var __VLS_46;
var __VLS_47 = ({ click: {} },
    { onClick: function () {
            var _a = [];
            for (var _i = 0; _i < arguments.length; _i++) {
                _a[_i] = arguments[_i];
            }
            var $event = _a[0];
            __VLS_ctx.activeDate = 'week';
            // @ts-ignore
            [activeDate, activeDate,];
        } });
var __VLS_48 = __VLS_44.slots.default;
var __VLS_44;
var __VLS_49 = {}.ElButton;
/** @type {[typeof __VLS_components.ElButton, typeof __VLS_components.elButton, typeof __VLS_components.ElButton, typeof __VLS_components.elButton, ]} */ ;
// @ts-ignore
ElButton;
// @ts-ignore
var __VLS_50 = __VLS_asFunctionalComponent(__VLS_49, new __VLS_49(__assign({ 'onClick': {} }, { type: "primary", disabled: (__VLS_ctx.activeDate === 'month') })));
var __VLS_51 = __VLS_50.apply(void 0, __spreadArray([__assign({ 'onClick': {} }, { type: "primary", disabled: (__VLS_ctx.activeDate === 'month') })], __VLS_functionalComponentArgsRest(__VLS_50), false));
var __VLS_53;
var __VLS_54;
var __VLS_55 = ({ click: {} },
    { onClick: function () {
            var _a = [];
            for (var _i = 0; _i < arguments.length; _i++) {
                _a[_i] = arguments[_i];
            }
            var $event = _a[0];
            __VLS_ctx.activeDate = 'month';
            // @ts-ignore
            [activeDate, activeDate,];
        } });
var __VLS_56 = __VLS_52.slots.default;
var __VLS_52;
__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)(__assign({ class: "search-box" }));
var __VLS_57 = {}.ElInput;
/** @type {[typeof __VLS_components.ElInput, typeof __VLS_components.elInput, ]} */ ;
// @ts-ignore
ElInput;
// @ts-ignore
var __VLS_58 = __VLS_asFunctionalComponent(__VLS_57, new __VLS_57(__assign({ modelValue: (__VLS_ctx.searchKeyword), placeholder: "请输入关键词" }, { style: {} })));
var __VLS_59 = __VLS_58.apply(void 0, __spreadArray([__assign({ modelValue: (__VLS_ctx.searchKeyword), placeholder: "请输入关键词" }, { style: {} })], __VLS_functionalComponentArgsRest(__VLS_58), false));
// @ts-ignore
[searchKeyword,];
var __VLS_62 = {}.ElButton;
/** @type {[typeof __VLS_components.ElButton, typeof __VLS_components.elButton, typeof __VLS_components.ElButton, typeof __VLS_components.elButton, ]} */ ;
// @ts-ignore
ElButton;
// @ts-ignore
var __VLS_63 = __VLS_asFunctionalComponent(__VLS_62, new __VLS_62(__assign({ 'onClick': {} }, { type: "success" })));
var __VLS_64 = __VLS_63.apply(void 0, __spreadArray([__assign({ 'onClick': {} }, { type: "success" })], __VLS_functionalComponentArgsRest(__VLS_63), false));
var __VLS_66;
var __VLS_67;
var __VLS_68 = ({ click: {} },
    { onClick: (__VLS_ctx.handleSearch) });
var __VLS_69 = __VLS_65.slots.default;
// @ts-ignore
[handleSearch,];
var __VLS_65;
var __VLS_70 = {}.ElTable;
/** @type {[typeof __VLS_components.ElTable, typeof __VLS_components.elTable, typeof __VLS_components.ElTable, typeof __VLS_components.elTable, ]} */ ;
// @ts-ignore
ElTable;
// @ts-ignore
var __VLS_71 = __VLS_asFunctionalComponent(__VLS_70, new __VLS_70(__assign(__assign({ 'onSelectionChange': {} }, { data: (__VLS_ctx.attendanceList), border: true }), { style: {} })));
var __VLS_72 = __VLS_71.apply(void 0, __spreadArray([__assign(__assign({ 'onSelectionChange': {} }, { data: (__VLS_ctx.attendanceList), border: true }), { style: {} })], __VLS_functionalComponentArgsRest(__VLS_71), false));
var __VLS_74;
var __VLS_75;
var __VLS_76 = ({ selectionChange: {} },
    { onSelectionChange: (__VLS_ctx.handleSelectionChange) });
var __VLS_77 = __VLS_73.slots.default;
// @ts-ignore
[attendanceList, handleSelectionChange,];
var __VLS_78 = {}.ElTableColumn;
/** @type {[typeof __VLS_components.ElTableColumn, typeof __VLS_components.elTableColumn, ]} */ ;
// @ts-ignore
ElTableColumn;
// @ts-ignore
var __VLS_79 = __VLS_asFunctionalComponent(__VLS_78, new __VLS_78({
    type: "selection",
    width: "50",
    align: "center",
}));
var __VLS_80 = __VLS_79.apply(void 0, __spreadArray([{
        type: "selection",
        width: "50",
        align: "center",
    }], __VLS_functionalComponentArgsRest(__VLS_79), false));
var __VLS_83 = {}.ElTableColumn;
/** @type {[typeof __VLS_components.ElTableColumn, typeof __VLS_components.elTableColumn, ]} */ ;
// @ts-ignore
ElTableColumn;
// @ts-ignore
var __VLS_84 = __VLS_asFunctionalComponent(__VLS_83, new __VLS_83({
    prop: "name",
    label: "姓名",
    align: "center",
}));
var __VLS_85 = __VLS_84.apply(void 0, __spreadArray([{
        prop: "name",
        label: "姓名",
        align: "center",
    }], __VLS_functionalComponentArgsRest(__VLS_84), false));
var __VLS_88 = {}.ElTableColumn;
/** @type {[typeof __VLS_components.ElTableColumn, typeof __VLS_components.elTableColumn, ]} */ ;
// @ts-ignore
ElTableColumn;
// @ts-ignore
var __VLS_89 = __VLS_asFunctionalComponent(__VLS_88, new __VLS_88({
    prop: "date",
    label: "日期",
    align: "center",
}));
var __VLS_90 = __VLS_89.apply(void 0, __spreadArray([{
        prop: "date",
        label: "日期",
        align: "center",
    }], __VLS_functionalComponentArgsRest(__VLS_89), false));
var __VLS_93 = {}.ElTableColumn;
/** @type {[typeof __VLS_components.ElTableColumn, typeof __VLS_components.elTableColumn, ]} */ ;
// @ts-ignore
ElTableColumn;
// @ts-ignore
var __VLS_94 = __VLS_asFunctionalComponent(__VLS_93, new __VLS_93({
    prop: "type",
    label: "上下班打卡",
    align: "center",
}));
var __VLS_95 = __VLS_94.apply(void 0, __spreadArray([{
        prop: "type",
        label: "上下班打卡",
        align: "center",
    }], __VLS_functionalComponentArgsRest(__VLS_94), false));
var __VLS_98 = {}.ElTableColumn;
/** @type {[typeof __VLS_components.ElTableColumn, typeof __VLS_components.elTableColumn, ]} */ ;
// @ts-ignore
ElTableColumn;
// @ts-ignore
var __VLS_99 = __VLS_asFunctionalComponent(__VLS_98, new __VLS_98({
    prop: "store",
    label: "打卡门店",
    align: "center",
}));
var __VLS_100 = __VLS_99.apply(void 0, __spreadArray([{
        prop: "store",
        label: "打卡门店",
        align: "center",
    }], __VLS_functionalComponentArgsRest(__VLS_99), false));
var __VLS_103 = {}.ElTableColumn;
/** @type {[typeof __VLS_components.ElTableColumn, typeof __VLS_components.elTableColumn, typeof __VLS_components.ElTableColumn, typeof __VLS_components.elTableColumn, ]} */ ;
// @ts-ignore
ElTableColumn;
// @ts-ignore
var __VLS_104 = __VLS_asFunctionalComponent(__VLS_103, new __VLS_103({
    label: "打卡状态",
    align: "center",
}));
var __VLS_105 = __VLS_104.apply(void 0, __spreadArray([{
        label: "打卡状态",
        align: "center",
    }], __VLS_functionalComponentArgsRest(__VLS_104), false));
var __VLS_107 = __VLS_106.slots.default;
{
    var __VLS_108 = __VLS_106.slots.default;
    var scope = __VLS_getSlotParameters(__VLS_108)[0];
    var __VLS_109 = {}.ElIcon;
    /** @type {[typeof __VLS_components.ElIcon, typeof __VLS_components.elIcon, typeof __VLS_components.ElIcon, typeof __VLS_components.elIcon, ]} */ ;
    // @ts-ignore
    ElIcon;
    // @ts-ignore
    var __VLS_110 = __VLS_asFunctionalComponent(__VLS_109, new __VLS_109(__assign({ size: (16) }, { style: {} })));
    var __VLS_111 = __VLS_110.apply(void 0, __spreadArray([__assign({ size: (16) }, { style: {} })], __VLS_functionalComponentArgsRest(__VLS_110), false));
    var __VLS_113 = __VLS_112.slots.default;
    var __VLS_114 = {}.Check;
    /** @type {[typeof __VLS_components.Check, ]} */ ;
    // @ts-ignore
    icons_vue_1.Check;
    // @ts-ignore
    var __VLS_115 = __VLS_asFunctionalComponent(__VLS_114, new __VLS_114({}));
    var __VLS_116 = __VLS_115.apply(void 0, __spreadArray([{}], __VLS_functionalComponentArgsRest(__VLS_115), false));
    var __VLS_112;
}
var __VLS_106;
var __VLS_119 = {}.ElTableColumn;
/** @type {[typeof __VLS_components.ElTableColumn, typeof __VLS_components.elTableColumn, ]} */ ;
// @ts-ignore
ElTableColumn;
// @ts-ignore
var __VLS_120 = __VLS_asFunctionalComponent(__VLS_119, new __VLS_119({
    prop: "isLate",
    label: "是否迟到/早退",
    align: "center",
}));
var __VLS_121 = __VLS_120.apply(void 0, __spreadArray([{
        prop: "isLate",
        label: "是否迟到/早退",
        align: "center",
    }], __VLS_functionalComponentArgsRest(__VLS_120), false));
var __VLS_124 = {}.ElTableColumn;
/** @type {[typeof __VLS_components.ElTableColumn, typeof __VLS_components.elTableColumn, ]} */ ;
// @ts-ignore
ElTableColumn;
// @ts-ignore
var __VLS_125 = __VLS_asFunctionalComponent(__VLS_124, new __VLS_124({
    prop: "remark",
    label: "备注",
    align: "center",
}));
var __VLS_126 = __VLS_125.apply(void 0, __spreadArray([{
        prop: "remark",
        label: "备注",
        align: "center",
    }], __VLS_functionalComponentArgsRest(__VLS_125), false));
var __VLS_73;
__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)(__assign({ class: "pagination-area" }));
__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)(__assign({ class: "record-count" }));
(__VLS_ctx.total);
(__VLS_ctx.pageCount);
// @ts-ignore
[total, pageCount,];
var __VLS_129 = {}.ElPagination;
/** @type {[typeof __VLS_components.ElPagination, typeof __VLS_components.elPagination, ]} */ ;
// @ts-ignore
ElPagination;
// @ts-ignore
var __VLS_130 = __VLS_asFunctionalComponent(__VLS_129, new __VLS_129(__assign(__assign({ 'onCurrentChange': {} }, { 'onSizeChange': {} }), { currentPage: (__VLS_ctx.currentPage), pageSize: (__VLS_ctx.pageSize), pageSizes: ([10, 20, 30]), layout: "prev, pager, next, ->, jumper, ->, total, sizes", total: (__VLS_ctx.total) })));
var __VLS_131 = __VLS_130.apply(void 0, __spreadArray([__assign(__assign({ 'onCurrentChange': {} }, { 'onSizeChange': {} }), { currentPage: (__VLS_ctx.currentPage), pageSize: (__VLS_ctx.pageSize), pageSizes: ([10, 20, 30]), layout: "prev, pager, next, ->, jumper, ->, total, sizes", total: (__VLS_ctx.total) })], __VLS_functionalComponentArgsRest(__VLS_130), false));
var __VLS_133;
var __VLS_134;
var __VLS_135 = ({ currentChange: {} },
    { onCurrentChange: (__VLS_ctx.handlePageChange) });
var __VLS_136 = ({ sizeChange: {} },
    { onSizeChange: (__VLS_ctx.handleSizeChange) });
// @ts-ignore
[total, currentPage, pageSize, handlePageChange, handleSizeChange,];
var __VLS_132;
/** @type {__VLS_StyleScopedClasses['attendance-record-page']} */ ;
/** @type {__VLS_StyleScopedClasses['page-header']} */ ;
/** @type {__VLS_StyleScopedClasses['filter-search-bar']} */ ;
/** @type {__VLS_StyleScopedClasses['filter-box']} */ ;
/** @type {__VLS_StyleScopedClasses['date-tabs']} */ ;
/** @type {__VLS_StyleScopedClasses['search-box']} */ ;
/** @type {__VLS_StyleScopedClasses['pagination-area']} */ ;
/** @type {__VLS_StyleScopedClasses['record-count']} */ ;
var __VLS_export = (await Promise.resolve().then(function () { return require('vue'); })).defineComponent({});
exports.default = {};
